<mat-toolbar class="header-toolbar">

  <span>
    <button mat-icon-button (click)="triggerSideBar()">
      <mat-icon>list</mat-icon>
    </button>
  </span>

  <span class="fill-remaining-space"></span>

  <div class="avatar-container">
    <button class="avatar" (click)="toLogin()" mat-icon-button *ngIf="user">
      <img style="height: 100%;width: 100%" [src]="user.avatar">
    </button>

    <button *ngIf="!user" mat-raised-button class="sign-in"
            style="box-shadow: none" (click)="toLogin()">
      Sign In</button>

  </div>
</mat-toolbar>
